﻿<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>查询结果图表展示</title>
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../css/loading.css"/>
		<link rel="stylesheet" type="text/css" href="../css/fontawesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="../css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css.page/statistics/statisticsChartNew.css" />
	</head>

	<body>
		<div class="statistics-chart-selectPage">
			<div class="statistics-chart-title">
				<div class="fa fa-angle-left iconBack" @click="backTotal"></div>
				<div class="title">选择查询周期</div>
			</div>
			<div class="statistics-chart-date">
				<div>
					<div class="fa fa-calendar icon"></div>
					<div>查询年份：</div>
					<div class="week" style="margin-left: 5px;">
						<input id="yearDate" type="text" placeholder="请选择需查询日期">
					</div>
				</div>
				<div>
					<div class="fa fa-calendar icon"></div>
					<div>查询月份：</div>
					<div class="week" style="margin-left: 5px;">
						<input id="dateDate" type="text" placeholder="请选择需查询日期">
					</div>
				</div>
			</div>
			<div class="statistics-chart-btn" @click="searchCycle">
				查&nbsp;&nbsp;&nbsp;询
			</div>
		</div>
		<div class="loader">
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
		</div>
		<div class="statistics-chart-body hidden">
			<div class="statistics-chart-title">
				<div class="fa fa-angle-left iconBack"></div>
				<div class="title">趋势查询</div>
			</div>
			<div class="statistics-chart-info" v-if="!isSearch">
				<div class="infoTitle">
					当前周期：{{selectYear}}年{{selectMonth}}月
				</div>
				<div class="selectBtn">筛选</div>
			</div>
			<div class="statistics-chart-tab">
				<div style="margin-left:0;" class="active" @click="projectChart">工程档案</div>
				<div @click="mapChart">测绘</div>
				<div @click="lineChart">地下管线</div>
				<div @click="searchChart">档案查询</div>
				<div @click="fileNumChart">档案数量</div>
				<div @click="bookChart">馆内公文</div>
			</div>
			
			<!--工程档案数据图-->
			<div class="project hidden" v-show="chartTab==1">
				<div class="statistics-chart-cTitle">工程档案月环比图</div>
				<div class="statistics-chart" id="projectHuanBiChart"></div>
				<!--与上月的柱形对比图-->
			    <div class="statistics-chart-cTitle">预登记年趋势对比图</div>
				<div class="statistics-chart" id="yuDengJiChart"></div>
				<!--预登记本年度折线图-->
			    <div class="statistics-chart-cTitle">预验收年趋势对比图</div>
				<div class="statistics-chart" id="yuYanShouChart"></div>
				<!--预验收本年度折线图-->
			    <div class="statistics-chart-cTitle">验收年趋势对比图</div>
				<div class="statistics-chart" id="yanShouChart"></div>
				<!--验收本年度折线图-->
			    <div class="statistics-chart-cTitle">专题片年趋势对比图</div>
				<div class="statistics-chart" id="zhuanTiChart"></div>
				<!--专题片本年度折线图-->
			</div>
			
			<!--测绘数据图-->
			<div class="map hidden" v-show="chartTab==2">
				<div class="statistics-chart-cTitle">测绘月环比图</div>
				<div class="statistics-chart" id="mapHuanBiChart"></div>
				<!--与上月的柱形对比图-->
			    <div class="statistics-chart-cTitle">签订合同年趋势对比图</div>
				<div class="statistics-chart" id="heTongChart"></div>
				<!--签订合同本年度折线图-->
			    <div class="statistics-chart-cTitle">交付成果年趋势对比图</div>
				<div class="statistics-chart" id="chengGuoChart"></div>
				<!--交付成果本年度折线图-->
			</div>
			
			<!--地下管线数据图-->
			<div class="line hidden" v-show="chartTab==3">
				<div class="statistics-chart-cTitle">地下管线月环比图</div>
				<div class="statistics-chart" id="lineHuanBiChart"></div>
				<!--与上月的柱形对比图-->
			    <div class="statistics-chart-cTitle">查询年趋势对比图</div>
				<div class="statistics-chart" id="chaXunChart"></div>
				<!--查询本年度折线图-->
			    <div class="statistics-chart-cTitle">入库年趋势对比图</div>
				<div class="statistics-chart" id="ruKuChart"></div>
				<!--入库本年度折线图-->
			</div>
			
			<!--档案查询数据图-->
			<div  class="search hidden" v-show="chartTab==4">
				<div class="statistics-chart-cTitle">档案查询月环比图</div>
				<div class="statistics-chart" id="searchHuanBiChart"></div>
				<!--与上月的柱形对比图-->
				<div class="statistics-chart-cTitle">局内查询年趋势对比图</div>
				<div class="statistics-chart" id="juNeiChart"></div>
				<!--局内本年度折线图-->
				<div class="statistics-chart-cTitle">局外查询年趋势对比图</div>
				<div class="statistics-chart" id="juWaiChart"></div>
				<!--局外本年度折线图-->
			</div>
			
			<!--档案数量数据图-->
			<div  class="file hidden" v-show="chartTab==5">
				<div class="statistics-chart-cTitle">档案数量月环比图</div>
				<div class="statistics-chart" id="fileHuanBiChart"></div>
				<!--与上月的柱形对比图-->
				<div class="statistics-chart-cTitle">接收年趋势对比图</div>
				<div class="statistics-chart" id="jieShouChart"></div>
				<!--接收本年度折线图-->
				<div class="statistics-chart-cTitle">入库年趋势对比图</div>
				<div class="statistics-chart" id="ruKu2Chart"></div>
				<!--入库本年度折线图-->
			</div>
			
			<!--馆内文书管线数据图-->
			<div  class="book hidden" v-show="chartTab==6">
				<div class="statistics-chart-cTitle">馆内文书月环比图</div>
				<div class="statistics-chart" id="bookHuanBiChart"></div>
				<!--与上月的柱形对比图-->
				<div class="statistics-chart-cTitle">收文年趋势对比图</div>
				<div class="statistics-chart" id="shouWenChart"></div>
				<!--收文本年度折线图-->
				<div class="statistics-chart-cTitle">发文年趋势对比图</div>
				<div class="statistics-chart" id="faWenChart"></div>
				<!--发文本年度折线图-->
			</div>
			

		</div>

		<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/fastclick.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/base64.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
		<!--引入hightcharts-->
		<script src="../js/hightcharts/highcharts.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/hightcharts/data.js" type="text/javascript" charset="utf-8"></script>
		
		<script src="../js/calender.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js.page/statistics/statisticsChartNew.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>